<template>
  <div class="allsearch">
    <div class="money">显示最近的2000条日志信息。</div>
    <div class="foot">
      <ul>
        <li v-for="(item,index) in footContent" :key="index"> {{ item.message }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
  import {runlist} from "@/api/system/systemLog"; // 数据接口
  import {getTenantId} from '@/utils/auth';

  export default {
    data() {
      return {
        footContent: []
      };
    },
    created() {
      this.getData()
    },
    methods: {
      getData() {
        runlist(getTenantId()).then(response => {
          this.footContent = response.data.items
        })
      }
    }
  }
  ;
</script>

<style lang="scss" scoped>
  .allsearch {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0;
  }

  .foot {
    margin-top: 20px;
    padding: 15px 15px;
    border-radius: 5px;
    background-color: #d9edf7;
    color: #326f8f;
    border-left: 5px solid #50bfff;

    ul {
      text-decoration: none;
      margin: 0;
      padding: 0;
      list-style: none;

      li {
        margin-top: 5px;
      }
    }
  }

  .money {
    width: 100%;
    height: 44px;
    line-height: 44px;
    /*margin-left: 15px;*/
    padding-left: 10px;
    background-color: #f0f3ff;
    padding-right: 34px;
  }
</style>
